/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/app/[locale]/testimonials/style.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
#testimonialId {
   padding: 130px 0px 0px;
}

@media(max-width:991px) {
   #testimonialId {
      padding: 130px 0px 0px;
   }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/components/WhatOurCustomers/style.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.customersSection {
   padding: 60px 0px;
}

.customerTitle {
   margin-top: 25px;
   border: 1px solid #DEDEDE;
   border-left: 10px solid rgba(222, 222, 222, 1);
   border-radius: 6px;
   max-width: 470px;
   padding: 15px;
   margin-bottom: 25px;
   transition: all 0.9s ease;
}

/* .customerTitle:hover {
   background-color: #eff5ff;
   border: 1px solid #DEDEDE;
   transform: translateX(-10px);
} */

@media only screen and (min-width: 768px) {
   .customersSectionTitle {
      padding: 0px 130px 0px;
   }

}

.customerTitle.active {
   border-radius: 6px;
   /* border: none; */
   position: relative;
   transition: all 0.9s ease;
}

.customerTitle:hover.active::after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   background: linear-gradient(to bottom, #c05def 0%, #135ac6 100%);
   width: 10px;
   border-radius: 12px;
}

.customerTitle:hover {
   border-left: none;
   border: 1px solid rgba(244, 244, 244, 1);
   transform: translateX(-10px);
}

.bottomImageFull {
   background-image: url(/home/imagebg.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 100px 0px;
   background-attachment: fixed;
}

.imageRounded img {
   width: 100px;
   height: 100px;
   border-radius: 100%;
}

.custom-row {
   align-items: center;
}

.dTopNone {
   display: none;
}

@media(max-width:991px) {
   .custom-row {
      align-items: unset;
   }

   .bottomImageFull {
      padding: 30px 0px;
   }

   .bottomImageFull .textCenter {
      text-align: left;
   }

   .customersSection {
      padding: 25px 0px;
   }

   .customerTitle.active {
      margin-left: 0px;
   }

   .semi {
      text-align: end;
   }

   .customerTitle.active {
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   }

   .mobileNone {
      display: none;
   }

   .dTopNone {
      display: block;
      position: absolute;
      top: 0;
      right: -30px;
   }

   .customersSectionTitle {
      padding: 0px 0px 0px;
   }
}

@media(max-width:767px) {
   .customerTitle {
      max-width: 100%;
      padding: 15px;
   }


}


#testiContent {
   padding: 60px 15px 80px 15px;
}

div#testimonial-slider {
   height: 100%;
}


.testimonial {
   padding: 60px 15px;
   box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
   text-align: center;
   transition: box-shadow 0.3s ease;
   position: relative;
   height: 100%;
}

.testimonial:hover {
   box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 16px;
}

.testimonial .pic {
   display: inline-block;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   margin-bottom: 25px;
   overflow: hidden;
   transition: transform 0.3s ease;
}

.testimonial:hover .pic {
   transform: scale(1.1);
}

.testimonial .pic img {
   width: 100%;
   height: auto;
}

.testimonial .description {
   padding: 15px 15px;
   font-size: 16px;
   color: #808080;
   line-height: 30px;
}

.testimonial .testimonial-title {
   font-size: 14px;
   letter-spacing: 3px;
   color: #000;
   text-transform: uppercase;
   position: relative;
}

@media(max-width:991px) {
   .testimonial {
      padding: 20px 10px;
   }

   #testiContent {
      padding: 30px 10px;
   }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/components/BookAppointmentPopup/style.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
/* styles.module.css */

.form-group {
  margin-bottom: 20px;
}

/* #appointment form {
  margin: 40px auto;
  border-radius: 10px;
  border-top: 10px solid rgba(46, 163, 242, 1);
  padding: 30px;
} */

#appointment label {
  display: block;
  margin-bottom: 5px;
  color: #000;
}

#appointment .ant-select-selector {
  /* height: 45px; */
  background-color: rgba(246, 249, 255, 1);
  margin-top: 0px;
}

/* #appointment .ant-select .ant-select-arrow {
  color: #000 !important;
  top: 90% !important;
} */

#appointment input[type='text'],
#appointment input[type='email'],
#appointment select {
  padding: 8px;
  font-size: 16px;
  border: 1px solid #eef4ff;
  border-radius: 4px;
  height: 35px;
  background-color: rgba(246, 249, 255, 1);
  width: 100% !important;
  margin: 0px;
}

#appointment textarea {
  height: 150px;
  width: 100%;
  border: 1px solid #eef4ff;
  border-radius: 4px;
  background-color: rgba(246, 249, 255, 1);
}

.ant-picker.ant-picker-filled {
  width: 100%;
  border: 1px solid #eef4ff;
  border-radius: 4px;
  height: 35px;
  background-color: rgba(246, 249, 255, 1);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./src/commanUl/FormInput/formInput.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./src/components/StripPayment/StripePayment.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.StripePayment_commonSection__dY35t h6 {
    color: #1F354F;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.3px;
    padding: 20px 0px;
}

.StripePayment_commonSection__dY35t .StripePayment_ant-divider-horizontal__tS_lo {
    margin: 14px 0;
}